<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="ThemeBucket">

    <title>后台管理／集团管理</title>
    <link rel="icon" href="../images/CombinedShape.png"/>
    <link href="../css/style.css" rel="stylesheet">
    <link href="../css/style-responsive.css" rel="stylesheet">

    <!--responsive table-->
    <link href="../css/table-responsive.css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/comment.css">
    <link rel="stylesheet" href="account.css">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="../js/html5shiv.js"></script>
    <script src="../js/respond.min.js"></script>
    <![endif]-->
</head>

<body class="boxed-view">

<div class="container-fluid headerBox" id="headerBox">
    <div class="container">
        <nav class="navbar navbar-default">
            <div class="logo">
                <a href="#"><img src="../images/logo.png" srcset="../images/logo.png 1x, ../images/logo@2x.png 2x, ../images/logo@3x.png 3x" alt="环球同桌" class="img-responsive" /></a>
                <span></span>
            </div>
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false" id="upNav">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse collapseContent" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right navDropdown">
                        <li><a class="navLink">产品概览</a></li>
                        <li><a class="navLink">购买攻略</a></li>
                        <li><a class="navLink">联系销售</a></li>
                        <li><a class="navLink">支持&下载</a></li>
                        <li><a class="navLink" href="https://m.1table.cn">加入会议</a></li>
                        <li><a class="navLink">登录</a></li>
                        <li><a class="loading navLink">免费试用30天</a></li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
    </div>
</div>
<section>
    <div class="container">
        <!-- left side start-->
        <div class="left-side">
            <div class="left-side-inner">
                <!--sidebar nav start-->
                <ul class="nav nav-pills nav-stacked custom-nav">
                    <li><a href="../index.html"><i class="fa fa-user"></i> <span>我的信息</span></a></li>
                    <li><a href="../myMeetingSetup/myMeetingSetup.html"><i class="fa fa-gear"></i> <span>我的会议设置</span></a></li>
                    <li><a href="../myMeeting/myMeeting.html"><i class="fa fa-comments"></i> <span>我的会议</span></a></li>
                    <li><a href="../myRecordings/myRecordings.html"><i class="fa fa-video-camera"></i> <span>我的录制</span></a></li>
                    <li class="menu-list">
                        <a href="javascript:void(0)"><i class="fa fa-users"></i> <span>用户管理</span></a>
                        <ul class="sub-menu-list" >
                            <li><a href="../management/userManagement.html"> 用户管理</a></li>
                            <li><a href="../management/groupManagement.html"> 集团管理</a></li>
                            <li><a href="../management/roleManagement.html"> 角色管理</a></li>
                        </ul>
                    </li>
                    <li class="menu-list nav-active" >
                        <a href="javascript:void(0)"><i class="fa fa-book"></i> <span>账户管理</span></a>
                        <ul class="sub-menu-list" >
                            <li><a href="../accountManagement/accountInformation.html"> 账户资料</a></li>
                            <li><a href="../accountManagement/accountSetup.html"> 账户设定</a></li>
                            <li class="active"><a href="../accountManagement/invoice.html"> 发票</a></li>
                            <li><a href="../accountManagement/recordingManagement.html"> 录音管理</a></li>
                            <li><a href="../accountManagement/report.html"> 报告</a></li>
                        </ul>
                    </li>
                </ul>
                <!--sidebar nav end-->
            </div>
        </div>
        <!-- left side end-->

        <!-- main content start-->
        <div class="main-content" >

            <!--body wrapper start-->
            <div class="wrapper">
                <section class="panel">
                    <header class="panel-heading custom-tab ">
                        <ul class="nav nav-tabs">
                            <li class="active">
                                <a href="#home" data-toggle="tab">发票信息</a>
                            </li>
                            <li class="">
                                <a href="#about" data-toggle="tab">历史账单</a>
                            </li>
                        </ul>
                    </header>
                    <div class="borderLine">
                        <div class="tab-content">
                            <div class="tab-pane active" id="home">
                                <div class="panel">
                                    <div class="invoiceHeader">
                                        <div class="row">
                                            <h2 class="title">发票信息</h2>
                                            <div class="col-md-9 col-sm-9">
                                                <p>收票人</p>
                                                <h4>苏泽云</h4>
                                                <p>电话：13266668888<br>
                                                    收票地址：广东省 广州市 天河区 华南理工大学物资大楼<br>
                                                    发票类型：纸质增值税普通发票<br>
                                                    发票抬头：广州交叉交叉有限公司
                                                </p>
                                            </div>
                                        </div>
                                        <div class="invoiceHeader_right">
                                            <h1 class="t-due">实付金额</h1>
                                            <h2 class="amnt-value">$ 3120.00</h2>
                                        </div>
                                    </div>
                                    <table class="table table-bordered table-invoice marginTop">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>商品描述</th>
                                            <th class="text-center">总额</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td>
                                                <h4>服务一</h4>
                                                <p>Service Four Description Lorem ipsum dolor sit amet.</p>
                                            </td>
                                            <td class="text-center"><strong>$2396.00</strong></td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>
                                                <h4>服务二</h4>
                                                <p>Service Four Description Lorem ipsum dolor sit amet.</p>
                                            </td>
                                            <td class="text-center"><strong>$2995.00</strong></td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>
                                                <h4>服务三</h4>
                                                <p>Service Four Description Lorem ipsum dolor sit amet.</p>
                                            </td>
                                            <td class="text-center"><strong>$1198.00</strong></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" class="payment-method">
                                                <h4>Payment Method</h4>
                                                <p>1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                                <p>2. Pellentesque tincidunt pulvinar magna quis rhoncus.</p>
                                                <p>3. Cras rhoncus risus vitae congue commodo.</p>
                                                <br>
                                                <h3 class="inv-label">Thank you for your business</h3>
                                            </td>
                                            <td class="text-right" colspan="4">
                                                <p>Sub Total</p>
                                                <p>Tax (VAT 10%)</p>
                                                <p>Discount (5%)</p>
                                                <p><strong>GRAND TOTAL</strong></p>
                                            </td>
                                        </tr>

                                        </tbody>
                                    </table>
                                </div>
                                <div class="text-center ">
                                    <a class="button blueLink"><i class="fa fa-check"></i>提交发票</a>
                                    <a class="buttonLine2 grayLineLink" target="_blank" href="invoice_print.html"><i class="fa fa-print"></i>打印</a>
                                </div>
                            </div>
                            <div class="tab-pane" id="about">
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <!--body wrapper end-->


        </div>
        <!-- main content end-->
    </div>
</section>

<div class="container-fluid footer">
    <div class="container">
        <div class="footerLeft">
            <div class="footListTitle"><img src="../images/logo.png" srcset="../images/logo.png 1x,../images/logo@2x.png 2x,../images/logo@3x.png 3x"/></div>
            <div class="addressMessage">
                <p class="aboutUsLink">
                    <span><a>关于我们</a></span>
                    <span><a>支持&下载</a></span>
                </p>
                <p>地址：广东省广州市天河区林和中路136号天誉花园二期</p>
                <p>邮箱：support@1table.cn , kefu@1table.cn</p>
            </div>
            <div class="address">Copyright ©2017 1table, Inc. All rights reserved. <a href="http://www.miitbeian.gov.cn">粤ICP备15048635号</a></div>
        </div>
        <div class="footerRight">
            <img src="../images/QRcode.jpg" srcset="../images/QRcode.jpg 1x,../images/QRcode@2x.jpg 2x"/>
        </div>
    </div>
</div>
<!-- Placed js at the end of the document so the pages load faster -->
<script src="../js/jquery-1.10.2.min.js"></script>
<script src="../js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="../js/jquery-migrate-1.2.1.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/modernizr.min.js"></script>


<script type="text/javascript" src="../js/jquery.validate.min.js"></script>
<script src="../js/validation-init.js"></script>


<!--common scripts for all pages-->
<script src="../js/scripts.js"></script>

</body>
</html>
